<template>
  <header class="bg-white shadow-sm sticky top-0 z-10">
    <div class="container mx-auto px-4 py-3 flex justify-between items-center">
      <div class="flex items-center space-x-2">
        <i class="fa fa-music text-primary text-2xl"></i>
        <h1 class="text-xl font-bold text-neutral-dark">简谱打谱软件</h1>
      </div>
      <div class="flex items-center space-x-3">
        <button @click="emit('new')" class="btn btn-outline">
          <i class="fa fa-file-o mr-1"></i> 新建
        </button>
        <button @click="emit('save')" class="btn btn-primary">
          <i class="fa fa-save mr-1"></i> 保存
        </button>
      </div>
    </div>
  </header>
</template>

<script setup>
const emit = defineEmits(['new', 'save', 'openProjects', 'import', 'export'])
</script>